<html>
    <head>
        <title>OsuCM</title>
		<!-- Google Maps API -->
		<script src="http://maps.google.com/maps/api/js?v=3.2&sensor=false"></script>
        <!--<script src="http://maps.google.com/maps/api/js?sensor=false">-->
        </script>
		<!--EXTJS API -->
		<script type="text/javascript" src="/static/lib/ExtJs/adapter/ext/ext-base.js">
        </script>
        <script type="text/javascript" src="/static/lib/ExtJs/ext-all.js">
        </script>
        <link rel="stylesheet" type="text/css" href="/static/lib/ExtJs/resources/css/ext-all.css" />
        
        <!--<script type="text/javascript" src="http://extjs.cachefly.net/ext-3.2.1/adapter/ext/ext-base.js">
        </script>
        <script type="text/javascript" src="http://extjs.cachefly.net/ext-3.2.1/ext-all.js">
        </script>
        <link rel="stylesheet" type="text/css" href="http://extjs.cachefly.net/ext-3.2.1/resources/css/ext-all.css" />
        <link rel="stylesheet" type="text/css" href="http://extjs.cachefly.net/ext-3.2.1/examples/shared/examples.css" />-->
        <!-- Openlayers -->
		<!--<script src="http://www.openlayers.org/api/2.10/OpenLayers.js">
        </script>-->
		<script src="/static/lib/OpenLayers/OpenLayers.js">
        </script>
		<!-- Path to the google streetview icon -->
		<script type="text/javascript" src="/static/lib/app/v3_patch.js">
        </script>
		
		<!-- GeoExt -->
        <script type="text/javascript" src="/static/lib/GeoExt.js">
        </script>
		
		<!-- My application -->
        
        <script type="text/javascript" src="/static/lib/app/bufferview.js">
        </script>
		<script type="text/javascript" src="/static/lib/app/headergroup.js">
        </script>
		<script type="text/javascript" src="/static/lib/app/app.config.js">
        </script>
        <script type="text/javascript" src="/static/lib/app/App.control.mapPanel.js">
        </script>
		<script type="text/javascript" src="/static/lib/app/App.control.mapControl.js">
        </script>
		<!--<script type="text/javascript" src="/static/lib/app/App.control.mapField.js">
        </script>-->
		<script type="text/javascript" src="/static/lib/app/App.control.mapEditor.js">
        </script>
        <script type="text/javascript" src="/static/lib/app/App.control.editForm.js">
        </script>
		<script type="text/javascript" src="/static/lib/app/App.control.gridpanel.js">
        </script>
        <script type="text/javascript" src="/static/lib/app/app.js">
        </script>
		
		<link rel="stylesheet" type="text/css" href="/static/resources/css/silk.css" />
        <style type="text/css">
        	td.ux-grid-hd-group-cell {
				background:url("/static/resources/images/app/grid3-hrow.gif") repeat-x scroll center bottom transparent;
			}
            .x-grid3-row-body li {
                list-style: circle inside;
                text-indent: 3px;
            }
            
            .login {
                position: absolute;
                right: 7px;
                top: 7px;
                color: white;
            }
            
            /* work around an Ext bug that makes the rendering
             of menu items not as one would expect */
            .ext-ie .x-menu-item-icon {
                left: -24px;
            }
            
            .ext-strict .x-menu-item-icon {
                left: 3px;
            }
            
            .ext-ie6 .x-menu-item-icon {
                left: -24px;
            }
            
            .ext-ie7 .x-menu-item-icon {
                left: -24px;
            }
            
            .olLayerGoogleCopyright {
                right: 3px;
                bottom: 2px;
                left: auto;
            }
            
            .olLayerGooglePoweredBy {
                left: 2px;
                bottom: 2px;
            }
            
            #header .api-title {
                color: white;
                font-family: tahoma, arial, sans-serif;
                font-size: 16px;
                font-size-adjust: none;
                font-stretch: normal;
                font-style: normal;
                font-variant: normal;
                font-weight: normal;
                line-height: normal;
                margin: 5px;
            }
            
            #header {
                background: #1E4176 url(hd-bg.gif) repeat-x scroll 0 0;
                border: 0 none;
                padding-left: 3px;
                padding-top: 3px;
            }
			
			#dlz-link:visited{
				color: white;
			}
			#dlz-link:link{
				color: white;
			}
        </style>
    </head>
    <body>

        <div id="header">
            <div class="api-title" style='font-weight: bold'>
                OSU Construction Manager v0.1
            </div>
            <div class="top">
                <div class="login" style='color: white;font-size:smaller'>
                    <span>{{ user }}</span>|<span><a style="color: white;" href="{{ logout_url }}">Sign out</a></span>|<span><a style="color: white;" target="_blank" href="{{ admin_url }}">Admin</a>|<span><a style="color: white;" target="_blank" href="{{ help_url }}">Help</a></span>
                </div>
            </div>
        </div>
    </body>
</html>